<!DOCTYPE html>
<html>
  <head>
    <title>达人招募</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no" />
    <link rel='stylesheet' href='stylesheets/style.css?v=1.0' />
    <script src="javascripts/jquery-1.10.1.min.js" charset="utf-8"></script>
    <script src="javascripts/main.js?v=1.0" charset="utf-8"></script>
    <script src="javascripts/apng-canvas.min.js" charset="utf-8"></script>
    <%include include_count.ejs%>
  </head>
  <body>
    <div class="container">
      <img src="images/index_bg_top.jpg" alt="首页背景图" class="index-bg"/>
      <img src="images/index_bg_center.jpg" alt="首页背景图" class="index-bg"/>
      <img src="images/index_bg_daren.jpg" alt="首页背景图" class="index-bg"/>
      <img src="images/index_bg_bottom.jpg" alt="首页背景图" class="index-bg"/>
      <img src="images/next.png" alt="" class="next-btn"/>
      <img src="images/daren.png" class="subway-btn">
      <img src="images/subway.png" alt="" class="daren-check-btn"/>
      <img src="images/red.png" class="next-triangle">
      <img src="images/yellow.png" class="subway-triangle">
      <img src="images/yellow.png" class="daren-triangle">
      <div class="sign-box">
        <img src="images/sign-btn.jpg" alt="" class="sign-btn"/>
      </div>
    </div>
    <script type="text/javascript">
    $(function  () {
      var i=2;
      function paomadeng (){
        if (i%3 == 1) {
          $('.next-triangle').attr('src','images/red.png');
          $('.subway-triangle').attr('src','images/yellow.png');
          $('.daren-triangle').attr('src','images/yellow.png');
          i++;
        }else if(i%3 == 2){
          $('.next-triangle').attr('src','images/yellow.png');
          $('.subway-triangle').attr('src','images/red.png');
          $('.daren-triangle').attr('src','images/yellow.png');
          i++;
        }else if(i%3 == 0){
          $('.next-triangle').attr('src','images/yellow.png');
          $('.subway-triangle').attr('src','images/yellow.png');
          $('.daren-triangle').attr('src','images/red.png');
          i++;
        };
      }

      var paoma = setInterval(paomadeng,300);

    })
    </script>
    <%include include_share.ejs%>
  </body>
</html>
